<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	
	<ui:define name="menu">
	</ui:define>	

	<ui:define name="content">	
   	   
   	   <div id="content-box">
   	   		<div style="height: 50px"></div>   	   
			<div class="padding">
				<div style="height: 5px"></div>
			</div>
		   <div align="center">
			   <h:form id="formLoginPrincipal" >
			   		<p:focus for="login"/>
			   		
				    <p:panelGrid id="panelLogin" columns="2" cellpadding="5" style="align:center"> 
				    	<f:facet name="header">	  
			        		Acesso ao sistema
			    		</f:facet>  
			    		
			            <h:outputLabel for="login" value="Login" />  
			            <p:inputText value="#{loginBean.login}"   
			                    id="login" maxlength="30" />
			                      	              
			            <h:outputLabel for="senha" value="Senha" />  
			            <p:password value="#{loginBean.senha}"   
			                    id="senha" />                
			                          	              
			            <f:facet name="footer" >  
		                	<h:link value="Cadastre-se" outcome="/pages/aluno.jsf" 
		                		style="float: left; padding-top: 10px;"/>		                	
			                <p:commandButton id="btnLogin" value="Login" 
			                	process="@form" ajax="false" action="#{loginBean.efetuarLogin}"
			                	style="float: right;"/>
			            </f:facet>  	             
			        </p:panelGrid>
			        
	                <div class="mensagemLogin">
	              		<p:messages autoUpdate="true" />
	              	</div>
	              	
	              	<br clear="all" />
	              	
	              	<div style="font-size: 12px">
	              		<p:lightBox iframe="true" id="resolucaoAtividades" height="600px" width="800px">
						    <h:outputLink value="#{request.contextPath}/resources/documents/resolucao_atividades_complementares.pdf" 
						    	title="Resolução Atividades Complementares">
						        <h:outputText value="Resolução Atividades Complementares da UECE" />
						    </h:outputLink>
						</p:lightBox>	              		
	              		
	              		<br clear="all" />
	              		
	              		<p:lightBox iframe="true" id="planoPedagogico" height="600px" width="800px" >
						    <h:outputLink value="#{request.contextPath}/resources/documents/plano_pedagogico_computacao_uece.pdf" 
						    title="Projeto Pedagógico">
						        <h:outputText value="Plano pedagógico do curso de Ciências da Computação da UECE" />
						    </h:outputLink>
						</p:lightBox>
	              	</div>      
			        
			   </h:form> 	     
		   </div>
		</div>
		<div id="border-bottom">
			<div>
				<div>
				</div>
			</div>
		</div>

   </ui:define>
   
</ui:composition>